<template>
  <div class="header">

    <van-tabs v-model="active">
      <sidebar></sidebar>
        <van-tab title="新品.活动">
              <newarrivals></newarrivals>
        </van-tab>
        <van-tab title="商城">
            BBBBBBBB
        </van-tab>

    </van-tabs>
      <div>
          <mmcontent></mmcontent>
      </div>
  </div>

</template>

<script>
   import {Tab, Tabs} from 'vant';
   import sidebar from "@/components/sidebar";
   import newarrivals from '@/components/new_arrival'
   import mmcontent from "@/components/mmcontent";
    export default {
        name: "header",
        components:{
        'van-tabs':Tabs,
        'van-tab':Tab,
            sidebar,
        newarrivals,
            mmcontent
        },
        props:{
			title:String,
		},
        methods: {
		}
    }
</script>

<style lang="scss">
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    width: 100%;
  }
  .header {
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 999;
  overflow: hidden;
}
</style>